<!DOCTYPE html>
<!--[if IE 8 ]>
<html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"><!--<![endif]-->
<head>

    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8"/>
    <title>消息管理</title>

    <!-- Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

    <!-- CSS
    ================================================== -->
    <link rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}"/>
    <link rel="stylesheet" href="css/colors/green.css" th:href="@{/css/colors/green.css}" id="colors"/>

    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>

<body class="boxed">
<div id="wrapper">


    <!-- Top Bar
    ================================================== -->
    <div th:replace="fragments/topbar :: topbar"></div>


    <div class="clearfix"></div>


    <!-- Header
================================================== -->
    <div class="container">

        <!-- Logo -->
        <div class="four columns">
            <div id="logo">
                <h1><a th:href="@{/index}"><img th:src="@{/images/logo.png}" alt="Trizzy"/></a></h1>
            </div>
        </div>

    </div>


    <!-- Titlebar
    ================================================== -->
    <section class="titlebar margin-top-20">
        <div class="container">
            <div class="sixteen columns">
                <h2>消息管理</h2>

                <nav id="breadcrumbs">
                    <ul>
                        <li><a th:href="@{/adminManagement}">后台管理中心</a></li>
                        <li>消息管理</li>
                    </ul>
                </nav>
            </div>
        </div>
    </section>


    <!-- Container -->
    <div th:each="message,itemStat : ${messages}">
        <div class="container">
            <div class="sixteen columns">
                <div class="info-banner">
                    <div class="info-content">
                        <h3 th:text="${message.message}"></h3>
                        <p th:text="${message.update_time}"></p>
                    </div>
                    <a th:href="@{/deleteMessage(message_id = ${message.id})}" class="button color">知道了，删除</a>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <!-- Container / End -->
        <div class="margin-top-30"></div>
    </div>


    <!-- Pagination -->
    <div class="pagination-container">
        <nav class="pagination">
            <ul>
                <li><a href="#" class="current-page">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
            </ul>
        </nav>

        <nav class="pagination-next-prev full-width">
            <ul>
                <li><a href="#" class="prev"></a></li>
                <li><a href="#" class="next"></a></li>
            </ul>
        </nav>
    </div>


    <div class="margin-top-30"></div>

    <!-- Footer
         ================================================== -->
    <div th:replace="fragments/footer :: footer"></div>

</div>


<!-- Java Script
================================================== -->
<div th:replace="fragments/scripts :: scripts"></div>


<!-- Style Switcher
================================================== -->
<div th:replace="fragments/styleswitcher :: styleswitcher"></div>


</body>
</html>